<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"	
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<link href="./css/screen.css" rel="stylesheet" type="text/css" />
</h:head>
<f:event listener="#{systemNavigatePage.navModifyUser}"
	type="preRenderView"></f:event>
<body>
	<ui:include src="./header.xhtml" />
	<div id="content-outer">
		<div id="content">

			<!--  start page-heading -->
			<div id="page-heading">
				<h1>Modify User</h1>
			</div>

			<!-- end page-heading -->
<table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
<tr>
	<th rowspan="3" class="sized"><img src="images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
	<th class="topleft"></th>
	<td id="tbl-border-top">&nbsp;</td>
	<th class="topright"></th>
	<th rowspan="3" class="sized"><img src="images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
</tr>
<tr>
<td id="tbl-border-left"></td>
<td>
	<div id="content-table-inner">
	<table border="0" width="100%" cellpadding="0" cellspacing="0">
	<tr valign="bottom">
	<td>

			<h:form id="mainform" action="">
				<table  border="0" width="75%" cellpadding="0" cellspacing="0" id="id-form">
					<tr><th valign="bottom">Account Information </th>
					</tr>
					<tr>
						<th valign="bottom" >Login ID:	</th>
						<td><h:inputText type="text" value="#{updateSystemUserManageBean.userName}" size="40" class="inp-form" disabled="true"/></td>				
					</tr>
					<tr class="alternate-row">
						<th valign="bottom">New Password:</th>
		  				<td><h:inputSecret id="newPassword" value="#{updateSystemUserManageBean.newPassword}" size="40" class="inp-form">
		  				<f:validator validatorId="passwordValidator"></f:validator>
		  				<f:attribute name="txtConfirm" value="#{txtConfirm}"></f:attribute>
		  				</h:inputSecret>
		  				</td>
		  				<th valign="bottom" style="padding-left: 20px">Confirm Password:</th>
		  				<td><h:inputSecret id="txtConfirm" binding="#{txtConfirm}" size="40" class="inp-form"/></td>
		  				<td colspan="2"><h:message for="newPassword" style="color:red" /></td>
					</tr>
					<tr>
						<th>ID Card Number:</th>
		  				<td><h:inputText id="idCardNumber" value="#{updateSystemUserManageBean.idCardNumber}" size="40" class="inp-form">
		  				<f:validator validatorId="IDCardNumberValidator"/>
		  				<f:validateLength maximum="9" minimum="9"/>
						<f:validateRegex pattern="[0-9]*" for="idCardNumber"/>
		  				</h:inputText></td>	
					</tr>
					<tr>
						<td></td>
						<td colspan="5"><h:message for="idCardNumber" errorStyle="color:red;margin:8px;"/></td>
		
					</tr>
					<tr class="alternate-row">
						<th valign="bottom">User Profile</th>		  		
					</tr>
					<tr>
						<th valign="bottom">First Name:</th>
						<td><h:inputText type="text" value="#{updateSystemUserManageBean.firstName}" size="20" class="inp-form"/></td>
						<th valign="bottom" style="padding-left: 20px">Mid Name:</th>
						<td><h:inputText type="text" value="#{updateSystemUserManageBean.midName}" size="20" class="inp-form"/></td>
						<th valign="bottom" style="padding-left: 20px">Last Name:</th>
						<td><h:inputText type="text" value="#{updateSystemUserManageBean.lastName}" size="20" class="inp-form"/></td> 		
					</tr>
					<tr class="alternate-row">
						<th valign="bottom">Phone Number 1:</th>
						<td><p:inputMask value="#{updateSystemUserManageBean.phone}" mask="(999) 9-99-99999" size="20"></p:inputMask>
						</td>
						<th valign="bottom" style="padding-left: 20px">Phone Number 2:</th>
						<td><p:inputMask value="#{updateSystemUserManageBean.phone2}" mask="(999) 9-99-99999" size="20"></p:inputMask>
						</td>
					</tr>
					<tr>
						<th valign="bottom">Address 1:</th>
		  				<td><h:inputText type="text" value="#{updateSystemUserManageBean.address}" size="20" class="inp-form"/></td>
		  				<th valign="bottom" style="padding-left: 20px">Address 2:</th>
		  				<td><h:inputText type="text" value="#{updateSystemUserManageBean.address2}" size="20" class="inp-form"/></td>
					</tr>
					<tr class="alternate-row">
						<th valign="bottom">Email 1:</th>
		  				<td><h:inputText id="email" value="#{updateSystemUserManageBean.email}" size="20" label="Email 1"  styleClass="inp-form">
		  					<f:validator validatorId="EmailValidator" />
		  				</h:inputText></td>	
						<th valign="bottom" style="padding-left: 20px">Email 2:</th>
		  				<td><h:inputText id="email2" value="#{updateSystemUserManageBean.email2}" size="20" label="Email 2"   styleClass="inp-form">
		  					<f:validator validatorId="EmailValidator" />
		  				</h:inputText></td>	
					</tr>
					<tr>
					<td></td>
					<td><h:message for="email" errorStyle="color:red;margin:8px;"/></td>
					<td></td>
					<td><h:message for="email2" errorStyle="color:red;margin:8px;"/></td>
					</tr>
					<tr><th valign="bottom"></th></tr>
					<tr class="alternate-row"><td colspan="7"></td></tr>
					<tr align="center">
						<td colspan="7"><h:commandButton value="Edit" type="submit"
								action="#{updateSystemUserManageBean.update}" class="mod-button"></h:commandButton>
							&nbsp; <h:commandButton value="Cancel" type="submit"
								action="UserManagement" onclick="history.back();"
								class="cancel-button"></h:commandButton></td>
					</tr>
				<!--  end product-table................................... -->
				</table>
			</h:form>
</td>
</tr>
</table>
</div>
</td>
<td id="tbl-border-right"></td>
</tr>
<tr>
	<th class="sized bottomleft"></th>
	<td id="tbl-border-bottom">&nbsp;</td>
	<th class="sized bottomright"></th>
</tr>
</table>
		</div>
	</div>
</body>
</html>
